﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>弹框</title>
    <link href="css/m/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/m/common.css"/>
    <link rel="stylesheet" href="css/m/m-dialog.css" />
</head>
<body>
	<!--遮罩层-->
	<div class="mui-popup-backdrop mui-active" style="z-index:555555;"></div>
	<!--确认框-->
	<div class="confirmDialog mui-popup mui-po pup-in">
		<div class="mainContent mui-popup-inner">
			<div class="mui-popup-title">提示</div>
			<div class="mui-popup-text">这是个很不错的弹出框</div>
		</div>
		<div class="mui-popup-buttons">
			<span class="mui-popup-button">取消</span>
			<span class="mui-popup-button mui-popup-button-bold">确认</span>
		</div>
	</div>
	<!--自动消失提示框-->
	<div class="autoHideDialog mui-toast-container mui-active dn">
		<div class="mui-toast-message">这个弹出框会自动消失</div>
	</div>
	<!--分享提示图片-->
	<div class="shareInfoDialog pf dn">
		<img src="img/m/icons/shareInfo.png" alt="" />
	</div>
	<!--登录-->
	<div class="logDialog mui-popup mui-popup-in">
		<div class="mainContent tac mui-popup-inner">
			<div class="pa close">
				<i class="fa fa-close"></i>
			</div>
			<div class="titleText feb">登录</div>
			<div class="inputBox phoneNum">
				<input type="text" placeholder="输入手机号" onfocus="this.placeholder=''" onblur="this.placeholder='输入手机号'"/>
			</div>
			<div class="inputBox checkCode clearfix">
				<input class="fl" type="text" placeholder="验证码" onfocus="this.placeholder=''" onblur="this.placeholder='验证码'"/>
				<a href="javascript:void(0);" class="br5 dib fr code">获取验证码</a>
			</div>
			<a href="javascript:void(0);" class="br5 dib confirm">确定</a>
		</div>
	</div>
</body>
</html>

